import React, { Component } from 'react'
import render from 'react-dom'
import { bindActionCreators } from 'redux'
import { connect } from 'react-redux'
import { Link } from 'react-router-dom'
import { NavBar, Icon } from 'antd-mobile/lib';
import "../../resource/css/page/order.less";

class order extends Component {
	render() {
		return (
			<div>

				<div className="order-info">
					<div className="order-info-item">
						<i className="material-icons">crop</i>已完成:<span className="order-info-number">4444</span>单
					</div>
					<div className="order-info-item">
						<i className="material-icons">star</i>进行中:<span className="order-info-number">4444</span>单
					</div>
					<div className="order-info-item">
						<i className="material-icons">person</i>会员:<span className="order-info-number">4444</span>人
					</div>
				</div>

				<div className="order-main">
					<dl className="order-dl">
						<dt>项目：外洗</dt>
						<dd>
							<div className="order-serve"><i className="material-icons">star</i>服务项目</div>
							<ul className="order-serve-ls clearfix">
								<li><i className="material-icons">star</i>洗外车表</li>
								<li><i className="material-icons">star</i>洗外车表</li>
								<li><i className="material-icons">star</i>洗外车表</li>
								<li><i className="material-icons">star</i>洗外车表</li>
								<li><i className="material-icons">star</i>洗外车表</li>
								<li><i className="material-icons">star</i>洗外车表</li>
								<li><i className="material-icons">star</i>洗外车表</li>
							</ul>
							<div className="order-light"><i className="material-icons">star</i>亮点</div>
							<ul className="order-light-ls clearfix">
								<li><i className="material-icons">star</i>洗外车表</li>
								<li><i className="material-icons">star</i>洗外车表</li>
								<li><i className="material-icons">star</i>洗外车表</li>
							</ul>
							<div className="order-serve-foot">
								<div>只要：<span className="order-server-price">15</span>元</div>
								<Link className="order-serve-link" to="/order/take">立即预约</Link>
							</div>
						</dd>
					</dl>
					<dl className="order-dl">
						<dt>项目：内外洗</dt>
						<dd>
							<div className="order-serve"><i className="material-icons">star</i>服务项目</div>
							<ul className="order-serve-ls clearfix">
								<li><i className="material-icons">star</i>洗外车表</li>
								<li><i className="material-icons">star</i>洗外车表</li>
								<li><i className="material-icons">star</i>洗外车表</li>
								<li><i className="material-icons">star</i>洗外车表</li>
							</ul>
							<div className="order-light"><i className="material-icons">star</i>亮点</div>
							<ul className="order-light-ls clearfix">
								<li><i className="material-icons">star</i>洗外车表</li>
								<li><i className="material-icons">star</i>洗外车表</li>
								<li><i className="material-icons">star</i>洗外车表</li>
							</ul>
							<div className="order-serve-foot">
								<div>只要：<span className="order-server-price">15</span>元</div>
								<Link className="order-serve-link" to="/order/take">立即预约</Link>
							</div>
						</dd>
					</dl>
				</div>

			</div>
		)
	}
}

function mapStateToProps(state) {
	return {
		
	}
}

function mapDispatchToProps(dispatch) {
	return {
		actions: bindActionCreators({
			
		}, dispatch)
	}
}

export default connect(mapStateToProps, mapDispatchToProps)(order)